Screenshot of the Implementation
##This is the homepage

##This is the post details page

Description of Approach

• Built a simple blog using Next.js App Router with client-side data fetching.
• Implemented API routes (/api/posts and /api/posts/[id]) to simulate backend functionality using in-memory data.
• Used Axios to centralize API calls and keep the frontend logic clean and reusable.
• Applied dynamic routing to display individual blog posts based on their ID.
• Ensured type safety with TypeScript interfaces across data models and API responses.
• Structured the project by separating concerns into data, lib (API layer), and UI components for better maintainability.

Design Decisions

• Kept the implementation simple since the data is static
• Avoided custom hooks to prevent unnecessary complexity
• Used in-memory data instead of a database for simplicity
• Centralized API calls with Axios for cleaner code

Limitations

• Uses in-memory data, so changes are not persistent
• Read-only implementation (no create, update, or delete features)
• Minimal error and loading state handling
• No database or advanced optimizations applied